<template>
    <div>
        <el-form
            :model="form"
            ref="form"
            :rules="rules"
            label-width="100px"
            :inline="false"
            size="small"
        >
            <el-row>
                <el-col :span="12">
                    <el-form-item label="费用Id">
                        <el-input v-model="form.a" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="费用项目">
                        <el-input v-model="form.a" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="费用类型">
                        <el-input v-model="form.a" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="到期时间">
                        <el-input v-model="form.a" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="备注">
                        <el-input type="textarea" :rows="4" v-model="form.a"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="面积">
                        <el-input v-model="form.a" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="单价">
                        <el-input v-model="form.a" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="附加费">
                        <el-input v-model="form.a" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="应收款">
                        <el-input v-model="form.a" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="支付方式">
                        <el-input v-model="form.a" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="实收款">
                        <el-input v-model="form.a"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-form-item class="bottom-btns">
                <el-button @click="handleCancle">取 消</el-button>
                <el-button type="primary" @click="handleSure">确 定</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
export default {
    name: "changeFee",
    data() {
        return {
            form: {},
            rules: {},
        };
    },
    methods: {
        handleCancle() {
            this.$emit("closePayFee");
        },
        handleSure() {
            this.$emit("closePayFee");
        },
    },
};
</script>

<style lang="scss" scoped>
.bottom-btns {
    text-align: right;
}
</style>